<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>Title</title>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../personal.css/daifahuo.css">
    <link rel="stylesheet" href="../personal.css/yifahuo.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
    <script src="../js/size.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/yifahuo.js"></script>
    <script src="../js/swiper.min.js"></script>
</head>
<body>
<header>
    <i class="iconfont left_jt">&#xe65b;</i>
    <div class="title">我的订单</div>
    <div class="wc-btn "><i class="iconfont">&#xe6ac;</i></div>
</header>
<div class="nav">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">全部 </div>
            <div class="swiper-slide">订单成功 &nbsp;<span>2</span></div>
            <div class="swiper-slide a1">订单取消&nbsp;<span>2</span></div>
            <div class="swiper-slide">售后订单&nbsp;<span>0</span></div>
        </div>
    </div>
</div>
<div class="dingdan-box">
    <div class="son-box">
        <div class="dingdan-son">
            <div class="dingdan-top">
                <span class="top-1 fl">订单：</span>
                <span class="top-2 fl">92000070724</span>
                <span class="top-3 fr">付款取消</span>
            </div>
            <div class="dingdan-img fl"><img src="../img/shop_1.jpg" alt=""></div>
            <div class="dingdan-right fl">
                <p class="dingdan-name">黎氏阁现代简约北欧风书柜现代
                    简约北欧风书柜</p>
                <p class="num-danjia">
                    <span>数量:</span>
                    <span>1</span>,
                    <span>单价:</span>
                    <span>￥16800</span>
                </p>
                <p class="jiaqian">
                    <span class="zongji-1"><strong> 总计:</strong></span>
                    <span class="zongji-2">16100.00</span>
                    <span class="zongji-3">（含运费：￥0.00）</span>
                </p>
            </div>
        </div>
        <div class="qr-btn">再次购买</div>
    </div>

    <div class="son-box">
        <div class="dingdan-son">
            <div class="dingdan-top">
                <span class="top-1 fl">订单：</span>
                <span class="top-2 fl">92000070724</span>
                <span class="top-3 fr">付款取消</span>
            </div>
            <div class="dingdan-img fl"><img src="../img/shop_1.jpg" alt=""></div>
            <div class="dingdan-right fl">
                <p class="dingdan-name">黎氏阁现代简约北欧风书柜现代
                    简约北欧风书柜</p>
                <p class="num-danjia">
                    <span>数量:</span>
                    <span>1</span>,
                    <span>单价:</span>
                    <span>￥16800</span>
                </p>
                <p class="jiaqian">
                    <span class="zongji-1"><strong> 总计:</strong></span>
                    <span class="zongji-2">16100.00</span>
                    <span class="zongji-3">（含运费：￥0.00）</span>
                </p>
            </div>
        </div>
        <div class="qr-btn">再次购买</div>
    </div>
    <div class="son-box">
        <div class="dingdan-son">
            <div class="dingdan-top">
                <span class="top-1 fl">订单：</span>
                <span class="top-2 fl">92000070724</span>
                <span class="top-3 fr">付款取消</span>
            </div>
            <div class="dingdan-img fl"><img src="../img/shop_1.jpg" alt=""></div>
            <div class="dingdan-right fl">
                <p class="dingdan-name">黎氏阁现代简约北欧风书柜现代
                    简约北欧风书柜</p>
                <p class="num-danjia">
                    <span>数量:</span>
                    <span>1</span>,
                    <span>单价:</span>
                    <span>￥16800</span>
                </p>
                <p class="jiaqian">
                    <span class="zongji-1"><strong> 总计:</strong></span>
                    <span class="zongji-2">16100.00</span>
                    <span class="zongji-3">（含运费：￥0.00）</span>
                </p>
            </div>
        </div>
        <div class="qr-btn">再次购买</div>
    </div>
    <div class="son-box">
        <div class="dingdan-son">
            <div class="dingdan-top">
                <span class="top-1 fl">订单：</span>
                <span class="top-2 fl">92000070724</span>
                <span class="top-3 fr">付款取消</span>
            </div>
            <div class="dingdan-img fl"><img src="../img/shop_1.jpg" alt=""></div>
            <div class="dingdan-right fl">
                <p class="dingdan-name">黎氏阁现代简约北欧风书柜现代
                    简约北欧风书柜</p>
                <p class="num-danjia">
                    <span>数量:</span>
                    <span>1</span>,
                    <span>单价:</span>
                    <span>￥16800</span>
                </p>
                <p class="jiaqian">
                    <span class="zongji-1"><strong> 总计:</strong></span>
                    <span class="zongji-2">16100.00</span>
                    <span class="zongji-3">（含运费：￥0.00）</span>
                </p>
            </div>
        </div>
        <div class="qr-btn">再次购买</div>
    </div>

</div>

<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        slidesPerView: 3.7,
        paginationClickable: true,
        spaceBetween: 30
    });
</script>
</body>
</html>